import { useEffect } from 'react';
import { useAppDispatch } from '@/store';
import { setBreadcrumbs } from '@/store/slices/uiSlice';
import { VideoCompressor } from '@/components/video';

const VideoCompressorPage: React.FC = () => {
  const dispatch = useAppDispatch();

  useEffect(() => {
    dispatch(
      setBreadcrumbs([
        { label: '仪表板', path: '/dashboard' },
        { label: '视频工具', path: '/video-tools' },
        { label: '视频压缩' },
      ])
    );
  }, [dispatch]);

  return (
    <div className='min-h-screen bg-gray-50'>
      <VideoCompressor />
    </div>
  );
};

export default VideoCompressorPage;
